#banner{
width: 100%;
min-width: 1200px;
height: 720px;
}
.swiper-container{
width: 100%;
height: 100%;
}
#banner .swiper-slide {
/*text-align: center;*/
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-size: cover !important;
}
.banner{
width: 100%;
height: 720px;
}
.banner_01{
width: 1200px;
height: 720px;
margin: 0 auto;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.banner_01_01{
width: 600px;
height: auto;
float: left;
margin-top: 60px;
}
.banner_01_03{
width: 100%;
text-align: center;
margin-top: 120px;
}
.banner_01_01 div,.banner_01_03 div{
font-size: 30px;
line-height: 40px;
font-weight: bold;
}
.ani2 {
height: 25px;
margin-bottom: 65px !important;
}
.banner_01_01 span,.banner_01_03 p{
font-size: 20px;
display: block;
line-height: 60px;
}
.banner_01_01 span:last-child{
font-size: 14px;
display: block;
line-height: 24px;
margin-top: 20px;
}
.banner_01_03 span{
width: 300px;
font-size: 16px;
display: inline-block;
margin-top: 120px;
}
/* .banner_01_01 a:after {
bottom: 0;
line-height: 0;
}
.banner_01_01 a:before {
top: 0;
}
.banner_01_01 a::after , .banner_01_01 a::before {
content: attr(data-text);
position: absolute;
width: 100%;
height: 50%;
left: 0;
background: #7986cb;
color: #fff;
overflow: hidden;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.banner_01_01 a:hover:before {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
.banner_01_01 a:hover::after {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
} */
.banner_01_02{
height: 50px;
}
.banner_02{
margin-top: -120px;
}
.banner_02-1{
margin-top: -120px;
margin-left: -600px;
}
.banner_03{
display: none;
}
#banner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
bottom: 40px !important;
}
#banner .swiper-pagination-bullet{
width: 30px;
height: 3px;
border-radius: 0;
background: rgba(255,255,255,0.3);
margin: 0 10px;
opacity: 1;
}
#banner .swiper-pagination-bullet-active{
background: rgba(255,255,255,0.3);
opacity: 1;
}
#banner .swiper-pagination-bullet i{
width: 0;
height: 3px;
display: block;
}
#banner .swiper-pagination-bullet-active i{
position:relative;
animation:mymove 4.9s linear;
-webkit-animation:mymove 4.9s linear; /*Safari and Chrome*/
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
animation-fill-mode: forwards;
background: #fff;
}
@keyframes mymove{
from {width:0px;}
to {width:30px;}
}
@-webkit-keyframes mymove {
from {width:0px;}
to {width:30px;}
}
@-moz-keyframes mymove {
from {width:0px;}
to {width:30px;}
}
@-ms-keyframes mymove {
from {width:0px;}
to {width:30px;}
}
/* 产å“æœåŠ¡ */
#serve{
position: relative;
width: 100%;
height: 850px;
}
.serve{
width: 1200px;
height: 850px;
margin: 0 auto;
}
.serve{
text-align: center;
overflow: hidden;
}
.serve_02{
width: 1200px;
height: auto;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
margin-top: 80px;
}
.serve_02 .sv02_li {
width: 240px;
height: 160px;
position: relative;
overflow: hidden;
margin-bottom: 15px;
/*border: 1px black solid;*/
}
.serve .line {
width: 100%;
height: 3px;
margin-top: 20px;
}
.serve .line .blue {
display: block;
width: 30px;
height: 6px;
transform: translateX(105px);
background: #3A7AFF;
box-shadow:0px 3px 4px 0px rgba(67,133,255,0.5);
border-radius:4px;
transition: all .6s;
}
.serve_02 .sv02_li.on h5 {
color: #3A7AFF;
}
.serve_02 .sv02_li.on .serve_02_01{
opacity: 0;
}
.serve_02 .sv02_li.on .serve_02_01s{
opacity: 1;
}
.serve_02_01,.serve_02_01s{
width: 64px;
height: 64px;
display: block;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%,-50%);
z-index: 5;
transition: all .6s;
}
.serve_02_01s{
opacity: 0;
}
.serve_02 .scon:hover .serve_02_01{
opacity: 0;
}
.serve_02 .scon:hover .serve_02_01s{
opacity: 1;
}
.serve_02 .scon{
width: 120px;
height: 160px;
display: block;
margin: 0 auto;
overflow: hidden;
}
.serve_02 .tu {
position: relative;
width: 108px;
height: 108px;
margin: 0 auto;
background: rgba(255,255,255,1);
box-shadow: 0px 8px 20px 0px rgba(37,44,59,0);
border-radius: 50%;
transition: all .6s;
}
.serve_02 li.on .tu {
box-shadow: 0px 8px 20px 0px rgba(37,44,59,0.1);
}
.serve_02 li:hover .tu {
box-shadow: 0px 8px 20px 0px rgba(37,44,59,0.1);
}
/*.serve_02 li:hover div p{
left: -75px;
bottom: -75px;
background: red;
}*/
.serve_02 h5{
font-size: 18px;
font-weight: normal;
color: #252B3A;
line-height: 36px;
margin-top: 24px;
transition: all .6s;
}
.sv02_li.on h5 {
font-weight: bold;
}
.serve_02 div:hover h5{ /* Safari 5.1 - 6.0 */
color: #3B7AFF;
}
.svout {
position: relative;
top: -380px;
width: 100%;
height: 254px;
}
.sv03 {
position: absolute;
width: 100%;
display: flex;
justify-content: center;
padding: 75px 0;
opacity: 0;
transition:all .3s ease;
z-index: -1;
}
.sv03_5 {
justify-content: flex-start;
width: 1200px;
left: 50%;
transform: translateX(-50%);
}
.sv03.on {
opacity: 1;
z-index: 1;
transform: rotate()
}
.sv03 li div {
width: 220px;
padding: 35px 30px;
margin: 0 10px;
border-radius: 4px;
border:1px solid rgba(230,233,240,1);
box-shadow:0px 10px 20px 0px rgba(37,44,59,0.1);
background: url(../images/svbg.png) no-repeat center;
background-size: 0%;
transition: transform .6s ease;
}
.sv03 li:hover div{
background-size: cover;
box-shadow:0px 8px 14px 0px rgba(67,133,255,0.4);
transform: translateY(-20px);
}
.sv03 h6 {
font-size: 16px;
line-height: 22px;
color: #252B3A;
margin-bottom: 14px;
}
.sv03 li:hover h6 , .sv03 li:hover p {
color: #ffffff;
}
.sv03 li:hover h6::selection , .sv03 li:hover p::selection {
color: #000000;
background: #ffffff;
}
.sv03 p {
font-size: 14px;
line-height: 24px;
color: #666A75;
}
/* 供应商 */
.cs111{
width: 100%;
position: absolute;
top: 0;
height: 100%;
}
#supplier{
width: 100%;
min-width: 1200px;
height: auto;
min-height: 2300px;
position: relative;
}
.supplier{
width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
}
.supplier_01{
width: 40%;
height: 730px;
min-height: 540px;
/* float: left; */
position: sticky;
position: -webkit-sticky;
/* position: absolute;*/
padding-top: 135px;
top: 0px;
left: 0px;
z-index: 10;
color: #fff;
}
.supplier_01_01 {
position: relative;
width: 300px;
z-index: 999;
}
.supplier_01_01 .active{
display: block;
}
.supplier_01_01 .line {
width:48px;
height:6px;
background:rgba(255,255,255,1);
border-radius:4px;
margin: 0 0 40px;
}
.supplier_01_01 h1 {
font-size: 36px;
line-height: 50px;
letter-spacing: 4px;
font-weight: normal;
}
.supplier_01_01 h1::selection , .supplier_01_02 h2::selection {
color: #000000;
background: #ffffff;
}
.supplier_01_02{
position: relative;
display: flex;
flex-direction: column;
width: 4px;
height: 240px;
margin-top: 120px;
z-index: 999;
}
.supplier_01_02 li{
width: 4px;
height: 80px;
background: rgba(255,255,255,0.3);
}
.supplier_01_02 .active{
background: #FFA601;
}
.supplier_01_02 li h2 {
width: 200px;
font-size: 18px;
line-height: 80px;
letter-spacing: 2px;
margin-left: 50px;
opacity: 0;
}
.supplier_01_02 .active h2 {
opacity: 1;
}
.supplier_02{
width: 60%;
height: auto;
z-index: 10;
color: #fff;
position: absolute;
top: 0;
right: 0;
background: #F5F8FC;
}
.supplier_02 li{
width: auto;
height: auto;
overflow: hidden;
padding-bottom: 124px;
padding-left: 100px;
line-height: 50px;
}
.supplier_02 li:first-child {
margin-top: 135px;
}
.supplier_02 li:last-of-type{
height: 200px;
}
.supplier_02 li p{
width:48px;
height:6px;
background:rgba(58,122,255,1);
box-shadow:0px 3px 4px 0px rgba(58,122,255,0.5);
border-radius:4px;
}
.supplier_02 li h3{
display: none;
}
.supplier_02 li span{
display: block;
font-size:36px;
font-weight:500;
color:#252C3B;
line-height:50px;
margin: 40px 0 16px;
letter-spacing: 2px;
}
.supplier_02 li div{
width: 600px;
font-size: 16px;
color: #c6c6c6;
}
.supplier_02 li a{
display: flex;
flex-direction: column;
width: 580px;
margin-top: 90px;
background: #ffffff;
transition: all .3s ease;
}
.supplier_02 li a h6{
width: 100%;
height: 80px;
font-size: 20px;
font-weight: 500;
color: #252C3B;
text-indent: 30px;
line-height: 80px;
letter-spacing: 1px;
}
.supplier_02 li h5{
font-size:16px;
font-weight:400;
color:#666A75;
line-height:22px;
letter-spacing:1px;
}
.supplier_02 li a img{
display: block;
width: 100%;
height: 326px;
transition: all .6s ease;
}
.supplier_02 li a .tu {
position: relative;
width: 100%;
height: auto;
margin: 0;
overflow: hidden;
transition: all .3s ease;
}
.supplier_02 li a:hover {
box-shadow: 0px 10px 20px 0px rgba(37,44,59,0.1);
}
.supplier_02 li a:hover {
transform: translateY(-20px);
}
.cs111 {
display: flex;
}
.supplier_03_01{
position: relative;
width: 42%;
height: 100%;
background:linear-gradient(180deg,rgba(28,82,222,1) 0%,rgba(70,130,255,1) 100%) no-repeat;
background-size: 100% 100%;
}
.supplier_03_02{
width: 58%;
height: 100%;
background: #F5F8FC;
background-size: 100% 100%;
}
.cir01 {
position: absolute;
top: 0;
left: 0;
}
.cir01 img {
position: sticky;
top: 0;
left: 0;
display: block;
width: 100%;
}
/* è¥é”€ */
#mark{
position: relative;
width: 100%;
height: 720px;
min-width: 1200px;
overflow: hidden;
}
.mark{
width: 100%;
height: 720px;
min-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.mark_01{
font-size: 36px;
color: #252B3A;
line-height: 72px;
letter-spacing: 2px;
text-align: center;
margin-top: 80px;
}
.mark_02{
display: block;
text-align: center;
font-size: 16px;
color: #666A75;
line-height: 40px;
letter-spacing: 2px;
}
.mark_03{
width: 1200px;
height: 580px;
margin: 0 auto;
margin-top: 50px;
box-shadow: 0px 25px 50px 10px rgba(183,209,255,0.58);
background: #fff;
}
.mark_03_01{
width: 700px;
float: left;
text-align: center;
}
.mark_03_010{
display: block;
margin: 0 auto;
margin-top: 105px;
}
.mark_03_011{
font-size: 36px;
font-weight: bold;
margin-top: 85px;
margin-bottom: 30px;
font-family: "HYDaSongJ";
}
.mark_03_01 span{
font-size: 14px;
display: block;
margin-bottom: 70px;
}
.mark_03_01 h5{
padding: 0 10px;
font-size: 20px;
font-weight: bold;
position: relative;
z-index: 10;
font-family: "宋体";
}
.mark_03_012{
width: 241px;
display: block;
margin: 0 auto;
}
.mark_03_01 p{
width: 250px;
height: 12px;
border-radius: 6px;
background: #fdd995;
position: absolute;
bottom: -2px;
left: 225px;
z-index: -1;
}
.mark_03_02{
width: 400px;
height: 480px;
background: #3B7AFF;
float: right;
color: #fff;
padding: 50px;
position: relative;
}
.mark_03_03{
width: 400px;
margin: 0 auto;
font-size: 36px;
position: relative;
margin-bottom: 35px;
z-index: 10;
}
.mark_03_03 img{
width: 50px;
height: 20px;
position: absolute;
bottom: -5px;
left: 55px;
z-index: -1;
}
.mark_03_02 p{
width: 400px;
margin: 0 auto;
line-height: 25px;
font-size: 14px;
margin-bottom: 60px;
}
.mark_03_02 span,.mark_03_04{
width: 400px;
margin: 0 auto;
display: block;
line-height: 40px;
}
.mark_03_02 span img{
width: 19px;
display: block;
float: left;
margin-top: 10.5px;
margin-right: 20px;
}
.mark_03_04{
line-height: 70px;
position: relative;
z-index: 10;
}
.mark_03_04 img{
width: 29px;
float: left;
margin-top: 20.5px;
margin-right: 20px;
}
.mark_03_04 span{
width: 160px;
height: 12px;
border-radius: 6px;
position: absolute;
bottom: 20px;
left: 40px;
background: #286ff6;
z-index: -1;
}
.mark_03_05{
width: 128px;
position: absolute;
bottom: 20px;
right: 10px;
}
.mark_05{
margin-top: 80px;
}
.mark_04{
width: 1200px;
margin: 0 auto;
margin-top: 150px;
display: flex;
align-items: center;
justify-content: space-around;
text-align: left;
}
.mark_04_01{
margin-bottom: 20px;
}
.mark_04_01,.mark_04_01 span{
font-size:64px;
font-family:BN;
color:#3B7AFF;
line-height:77px;
}
.mark_04_02{
font-size:20px;
font-weight:500;
color:#252B3A;
line-height:28px;
letter-spacing:2px;
}
.mark_04_03{
font-size:14px;
font-weight:400;
color:#666A75;
line-height:20px;
letter-spacing:2px;
margin-top: 7px;
}
.mark_04 .line {
width:36px;
height:6px;
background:rgba(58,122,255,1);
box-shadow:0px 3px 4px 0px rgba(58,122,255,0.5);
border-radius:4px;
margin: 40px 0 20px;
}
.mark_bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
z-index: -1;
}
.mark_bg img {
position: relative;
left: 165px;
top: 200px;
display: block;
height: 104px;
z-index: 999;
}
.mark_bg .mcir_01 {
position: absolute;
top: 20%;
left: -250px;
width: 600px;
height: 600px;
border-radius: 50%;
background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(236,240,248,1) 100%);
}
.mark_bg .mcir_02 {
position: absolute;;
top: -20%;
right: -300px;
width: 600px;
height: 600px;
border-radius: 50%;
background:linear-gradient(180deg,rgba(255,255,255,0.36) 0%,rgba(236,240,248,1) 100%);
}
/* 城市 */
#city{
width: 100%;
height: 1000px;
color: #252B3A;
}
.city{
width: 1200px;
margin: 0 auto;
}
.city_01{
margin: 0 auto;
margin-top: 50px;
overflow: hidden;
position: relative;
padding-bottom: 100px;
}
.city_01 img{
display: block;
margin: 0 auto;
}
.city_01s{
width: 60px;
height: 50px;
font-size: 14px;
position: absolute;
text-align: center;
}
.city_01s_01{
height: 20px;
display: block;
}
.city_01s_02{
width: 12px;
height: 12px;
border-radius: 50%;
background: #3B7AFF;
/*background: yellow;*/
margin: 0 auto;
margin-top: 15px;
}
.city_01s:first-of-type{
top: 158px;
left: 570px;
}
.city_01s:nth-of-type(2){
top: 55px;
left: 530px;
}
.city_01s:nth-of-type(3){
top: 62px;
left: 707px;
}
.city_01s:nth-of-type(4){
top: 505px;
left: 514px;
}
.city_01s:nth-of-type(5){
top: 162px;
left: 771px;
}
.city_01s:nth-of-type(6){
top: 170px;
left: 457px;
}
.city_01s:nth-of-type(7){
top: 276px;
left: 332px;
}
.city_01s:nth-of-type(8){
top: 365px;
left: 441px;
}
.city_01s:nth-of-type(9){
top: 289px;
left: 621px;
}
.city_01s:nth-of-type(10){
top: 242px;
left: 440px;
}
.city_cs_01{
width: 10px;
height: 10px;
border: 1px #3B7AFF solid;
animation:mydemo_01 2s ease-out both infinite;
-webkit-animation:mydemo_01 2s ease-out both infinite;
border-radius: 50%;
background: initial;
position: absolute;
top: 35px;
left: 24px;
opacity: 1;
}
@-webkit-keyframes mydemo_01 {
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
@-o-keyframes mydemo_01 {
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
@-moz-keyframes mydemo_01 {
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
@keyframes mydemo_01{
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
.city_cs_02{
width: 10px;
height: 10px;
border: 1px #3B7AFF solid;
animation:mydemo_02 2s ease-out both infinite;
-webkit-animation:mydemo_02 2s ease-out both infinite;
animation-delay: 0.2s;
border-radius: 50%;
background: initial;
position: absolute;
top: 35px;
left: 24px;
opacity: 1;
}
@-webkit-keyframes mydemo_02 {
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
@-o-keyframes mydemo_02 {
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
@-moz-keyframes mydemo_02 {
from {
width:10px;
height: 10px;
top: 35px;
left: 24px;
opacity: 1;
}
to {
width:60px;
height: 60px;
top: 10px;
left: -1px;
opacity: 0;
}
}
.city_01s:hover .city_01s_03{
display: block;
}
.city_01s_03{
width: 300px;
height: auto;
padding: 30px;
background: #fff;
border: 1px solid rgba(230,233,240,1);
position: absolute;
top: 45px;
left: 35px;
z-index: 10;
text-align: left;
border-radius: 5px;
display: none;
box-shadow:0px 10px 20px 0px rgba(37,44,59,0.1);
}
.city_01s_03 img{
height: 20px;
float: left;
margin-top: 4px;
margin-left: 20px;
margin-right: 10px;
}
.city_01s_03 .info {
display: flex;
justify-content: space-between;
}
.city_01s_03 .info .ctel {
font-family: BN;
letter-spacing: 2px;
}
.city_01s_03 .line {
width:24px;
height:4px;
background:rgba(58,122,255,1);
box-shadow:0px 1px 4px 0px rgba(58,122,255,0.5);
border-radius:4px;
margin: 16px 0 43px;
}
.city_01s_03{
font-size: 14px;
line-height: 28px;
}
.city_01s_03 p{
font-size: 24px;
}
.city_01s_03 div {
display: flex;
color: #252B3A;
}
.city_01s_03 div span {
min-width: 42px;
}
#topLine{
width: 100%;
height: auto;
background: #F5F8FC;
padding-bottom: 80px;
padding-top: 1px;
overflow: hidden;
}
#topLine .swiper-pagination-bullet{
background: #dde8fc;
opacity: 1;
transition: all 0.5s;
}
#topLine .swiper-pagination-bullet-active{
width: 20px;
border-radius: 4px;
background: #3B7AFF;
transition: all 0.5s;
}
#topLine .swiper-container{
padding-bottom: 100px;
}
#topLine .swiper-button-next{
right: -40px;
}
#topLine .swiper-button-prev{
left: -40px;
}
#topLine .swiper-button-next,#topLine .swiper-button-prev{
width: 42px;
height: 42px;
background: #ffffff;
transform: scale(.8);
top: 380px;
outline: none;
opacity: 0;
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0,0,0,.1);
transition: all .6s ease;
}
#topLine .swiper-button-next img,#topLine .swiper-button-prev img{
position: absolute;
width: 24px;
height: 24px;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
}
.topLine{
width: 1300px;
height: auto;
margin: 0 auto;
position: relative;
}
.topLine .swiper-container{
width: 1200px;
padding: 0 20px;
}
.topLine .swiper-slide {
border:1px solid rgba(230,233,240,1);
transition: all .6s ease;
}
.topLine .swiper-slide:hover {
box-shadow: 0px 10px 20px 0px rgba(37,44,59,0.1);
transform: translateY(-20px);
}
.topLine_01{
width: 1200px;
/*display: flex;*/
/*justify-content: space-between;*/
/*align-items: center;*/
/*flex-wrap: wrap;*/
margin-top: 60px;
cursor: pointer;
}
.topLine_01 li{
width: 380px !important;
height: 370px;
background: #fff;
}
.topLine_01 a{
width: 100%;
height: 380px;
display: block;
}
.topLine_01_01,.topLine_01_01 img{
width: 100%;
height: 212px;
display: block;
overflow: hidden;
transition: all 1s;
}
/* .topLine_01_01 img:hover{
transform: scale(1.05);
} */
.topLine_01 li h3,.topLine p{
display: block;
padding: 0px 30px;
}
.topLine_01 li h3{
display: block;
overflow: hidden;
font-size: 18px;
color: #252B3A;
line-height: 50px;
margin-top: 20px;
position: relative;
z-index: 10;
}
.topLine_01 li h3 span{
height: auto;
float: left;
font-size: 18px;
color: #252B3A;
font-weight: normal;
line-height: 28px;
padding: 0 5px 0 0px;
margin-top: 0px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
z-index: 10;
transition: all .6s ease;
}
.topLine_01 li h3 div{
width: 0;
height: 14px;
background: #3B7AFF;
opacity: 0.2;
position: absolute;
bottom: 10px;
left: 0px;
transition: all 1s;
z-index: -1;
}
.topLine .swiper-slide:hover h3 span {
color: #3B7AFF;
}
.topLine_01 span{
overflow: hidden;
font-size: 14px;
color: #666A75;
line-height: 24px;
margin-top: 6px;
padding: 0 30px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.topLine_01 p{
display: none;
line-height: 16px;
font-size: 14px;
margin-top: 25px;
}
.topLine_01 a p img{
width: 16px;
height: 16px;
float: left;
margin-right: 10px;
}
/* 城市 */